<!-- <ma-crumb>
  <ma-crumb-item ma-href="#!/components">Components 组件</ma-crumb-item>
  <ma-crumb-item ma-href="#!/components/global">Global 全局</ma-crumb-item>
  <ma-crumb-item>Font 文字</ma-crumb-item>
</ma-crumb> -->
<ma-crumb-auto></ma-crumb-auto>
<div class="data-entry-datepicker-page">
  <div class="container"
    ma-full-container>
    <h2>DatePicker 日期选择框</h2>
    <p>
      当用户需要输入一个日期，可以点击标准输入框，弹出日期面板进行选择。
    </p>
    <h3>代码演示</h3>
    <div class="p clearfix">
      ${require('./code.html')}
      <div class="col-24">
        <ma-code>
          <div class="right">
            <a href="https://jsfiddle.net/youpinyao/p966swgh/" target="_blank">jsfiddle</a>
          </div>
          <code ng-bind="codeText"></code>
        </ma-code>
      </div>
    </div>
    <h3>API</h3>
    <div class="p">
      <h3>ma-date-picker</h3>
      <table>
        <tr>
          <th>属性</th>
          <th>说明</th>
          <th>类型</th>
          <th>默认值</th>
        </tr>
        <tr>
          <td>ma-view</td>
          <td>初始化显示的视图，year month date hours minutes</td>
          <td>String</td>
          <td>-</td>
        </tr>
        <tr>
          <td>ma-min-view</td>
          <td>最小显示的视图，year month date hours minutes</td>
          <td>String</td>
          <td>-</td>
        </tr>
        <tr>
          <td>ma-format</td>
          <td>显示时间格式化 moment 标准</td>
          <td>String</td>
          <td>-</td>
        </tr>
        <tr>
          <td>ma-min-date</td>
          <td>最小可选时间</td>
          <td>Date</td>
          <td>false</td>
        </tr>
        <tr>
          <td>ma-max-date</td>
          <td>最大可选时间</td>
          <td>Date</td>
          <td>false</td>
        </tr>
        <tr>
          <td>ma-clear</td>
          <td>显示清空按钮</td>
          <td>Boolean</td>
          <td>true</td>
        </tr>
      </table>

      <h3 class="mt-20">ma-date-range-picker</h3>
      <table>
        <tr>
          <th>属性</th>
          <th>说明</th>
          <th>类型</th>
          <th>默认值</th>
        </tr>
        <tr>
          <td>ma-format</td>
          <td>显示时间格式化 moment 标准</td>
          <td>String</td>
          <td>-</td>
        </tr>
        <tr>
          <td>ma-min-date</td>
          <td>最小可选时间</td>
          <td>Date</td>
          <td>false</td>
        </tr>
        <tr>
          <td>ma-max-date</td>
          <td>最大可选时间</td>
          <td>Date</td>
          <td>false</td>
        </tr>
        <tr>
          <td>ma-clear</td>
          <td>显示清空按钮</td>
          <td>Boolean</td>
          <td>true</td>
        </tr>
        <tr>
          <td>ma-config</td>
          <td>双向绑定 json <a target="_blank" href="http://longbill.github.io/jquery-date-range-picker/">http://longbill.github.io/jquery-date-range-picker/</a></td>
          <td>JSON</td>
          <td>-</td>
        </tr>
      </table>
    </div>
  </div>
</div>
